import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import Wrapper from '../wrapper'
class ForgotSuccess extends Component{
    render() {
        return (
            
            <div className="row" style={{background:"#f5f8fa"}}>
                <h4 className="col-md-offset-2" style={{paddingTop:"40px",marginBottom:" 20px",color:"#0091ae"}}>找回密码</h4>
                <div className="col-md-8 col-md-offset-2 bg-info">
                    <div className="col-md-2 text-right" style={{height:"380px"}}>
                        
                    </div>
                    <div className="col-md-8 text-center" style={{fontSize:"16px",paddingTop:"30px",color:"#0091ae"}}>
                        <span className="glyphicon glyphicon-ok-sign" style={{fontSize:"90px",paddingTop:"50px",color:"#0091ae"}}></span>
                        
                        <p style={{marginTop:"20px"}}>我们已经发送一封电子邮件给m**@p**.cn与密码重置指令</p>
                        <p className="col-md-12  text-center" style={{fontSize:"14px",marginTop:"10px"}}>如果没有立即收到电子邮件，请检查您的垃圾邮件文件夹。</p>
                    </div>
                </div>              
             </div>
           
        );
    }
};

ReactDOM.render(
    <ForgotSuccess />,
    document.getElementById('forgotsuccess')
);